<template>
    <div class="addres-edit">
        <van-address-edit
                :area-list="areaList"
                show-postal
                show-delete
                show-set-default
                show-search-result
                :search-result="searchResult"
                :area-columns-placeholder="['请选择', '请选择', '请选择']"
                @save="onSave"
                @delete="onDelete"
                @change-detail="onChangeDetail"
        />

    </div>
</template>

<script>
    import areaList from '../data/area'

    export default {
        name: "addressEdit",
        data() {
            return {
                areaList,
                searchResult: [],
            }
        },
        methods: {
            onSave() {
                this.$toast('保存成功')
                let setTime = setTimeout(() => {
                    clearTimeout(setTime)
                    this.$router.back(-1)
                }, 2000)
            },
            onDelete() {
                this.$toast('删除成功')
                let setTime = setTimeout(() => {
                    clearTimeout(setTime)
                    this.$router.back(-1)
                }, 2000)
            },
            onChangeDetail(val) {
                if (val) {
                    this.searchResult = [
                        {
                            name: '黄龙万科中心',
                            address: '杭州市西湖区',
                        },
                    ];
                } else {
                    this.searchResult = [];
                }
            },
        }
    }
</script>

<style scoped>

</style>
